<template>
  <uni-nav-bar
    title="常用驻车地址"
    color="#333"
    left-icon="left"
    @clickLeft="redirectTo('index/mine')"
    :fixed="true"
    statusBar
  ></uni-nav-bar>
  <AddressList />
  <view class="btn-box flex-hcenter">
    <view class="flex-center btn" @click="navTo('address/adder')">新地址</view>
  </view>
</template>

<script setup lang="ts">
import {  navTo,redirectTo } from '@/utils/navigator';
import AddressList from '@c/address/AddressList.vue';
</script>

<style scoped lang="less">
.btn-box {
  position: fixed;
  bottom: 0;
  box-sizing: border-box;
  width: 100vw;
  height: 180rpx;
  padding-top: 30rpx;
  background: linear-gradient(transparent, #ffffff66 10%, rgba(255, 255, 255, 0.8) 50%, #fff);

  .btn {
    width: 370rpx;
    height: 80rpx;
    font-size: 36rpx;
    color: white;
    background: linear-gradient(180deg, #41a3ff 0%, #1b91ff 100%);
    border-radius: 5px;
  }
}
</style>
